<div class="header clearfix">
    <!-- 头部顶部 -->
    <div class="header-nav">
        <div class="header-nav-wrap">
            <div class="header-nav-content">
                <a href="#" class="home">
                    <i></i>首页</a>
                <a href="#" class="market">
                    <i></i>商城</a>
                <a href="#">我的订单</a>
                <a href="#">关于我们<span></span>
                </a>
            </div>
        </div>
    </div>
    <!-- 头部尾部 -->
    <div class="header-wrap">
        <!-- logo -->
        <a class="logo" title="蘑菇街首页"
            href="https://www.mogu.com/?acm=3.mce.1_10_1kojy.14360.0.mQxJBrQxdYPQC.pos_0-m_482443-sd_119">
            <img alt="蘑菇街我的买手街"
                src="https://s10.mogucdn.com/mlcdn/c45406/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt="">
        </a>
        <!-- 目录 -->
        <div class="catalog">
            <i></i>目录
        </div>
        <!-- 右半部分 -->
        <div class="clearfix header-wrap-right">
            <div class="search">
                <form action="">
                    <input class="input-search" type="text" placeholder="内裤">
                    <input type="submit" class="input-btn" value="&nbsp">
                </form>
            </div>
            <div class="site">
                <div class="site-list clearfix">
                    <div class="fl message"><a href="javascript:;"></a>消息</div>
                    <div class="fl collect"><a href="javascript:;"></a>收藏</div>
                    <div class="fl shoppingCar"><a href="/html/shopping.html"></a>购物车</div>
                    <div class="fl loadAPP"><a href="javascript:;"></a>下载APP</div>
                    <div class="login"><a href="/html/login.html"><img
                                src="https://s10.mogucdn.com/mlcdn/c45406/181016_143l3ehl4ebad6c2326gjk6d4h41g_48x48.png"
                                alt=""></a>登录</div>
                </div>
            </div>
        </div>
    </div>
</div>